let data = {
  pagenum:1,
  pagesize:2,   //一页多少数据
 }


 function renderArticle() {
   $.ajax({
     url:'/my/article/list',
     data:data,
     success:function (res) {
      if(res.status===0){
        let str = '';
        res.data.forEach(item=>{
          str +=`
          <tr>
                    <td>${item.title}</td>
                    <td>${item.cate_name}</td>
                    <td>${item.pub_date}</td>
                    <td>${item.state}</td>
                    <td>
                      <button type="button" class="layui-btn layui-btn-xs">编辑</button>
                      <button type="button" class="layui-btn layui-btn-danger layui-btn-xs">删除</button>
                    </td>
                  </tr>
          `
        })
        $('tbody').html(str);
        // 等页面数据渲染完毕，调用函数创建分页
        showpage(res.total)
      }
     }
  
   });
   
 };
 renderArticle();

function showpage(t) {
   //复制的分页
 var laypage = layui.laypage; 
 //执行一个laypage实例
 laypage.render({
   elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
   count:t ,//数据总数，从服务端得到
   limit:data.pagesize,
   limits:[10,20,30,40,50],
   curr:data.pagenum,
   //当切换页码的时候jump函数执行
   jump: function(obj, first){
    
    //首次不执行
    if(!first){
      //do something
    //obj包含了当前分页的所有参数，比如：
    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
    // console.log(obj.limit); //得到每页显示的条数
data.pagenum = obj.curr;
data.pagesize = obj.limit;
renderArticle();
    }
  }
 });
};



